﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 模板</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/order.css">
    <link rel="stylesheet" href="css/theme-color.css">
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header class="zyw-header">
    <div class="zyw-container white-color">
        <div class="head-l"><a href="javascript:window.history.back(-1)" target="_self"><img src="picture/head-return.svg" alt=""></a></div>
        <h1>我的收藏</h1>
        <div class="head-r"><i class="fa fa-ellipsis-h" aria-hidden="true"></i></div>
    </div>
</header>
<section class="zyw-container">
    <div class="weui-tab">
        <div class="weui-navbar">
            <a class="weui-navbar__item weui-bar__item--on" href="#order_all">全部</a>
            <a class="weui-navbar__item" href="#order_dfk">待付款</a>
            <a class="weui-navbar__item" href="#order_dfh">待发货</a>
            <a class="weui-navbar__item" href="#order_dsh">待收货</a>
            <a class="weui-navbar__item" href="#order_dpj">待评价</a>
        </div>
        <div class="weui-tab__bd">
            <div id="order_all" class="weui-tab__bd-item weui-tab__bd-item--active">
                <div class="order-group">
                    <div class="order-group-item clearfix">
                        <div class="order-item-box">
                            <h4 class="order-item-id">订单号：52145859543856977
                                <span class="order-item-state theme-color pull-right">待付款</span>
                            </h4>
                            <div class="media">
                                <a href="" class="pull-left">
                                    <img src="picture/5a7c2b10n55b661b9.jpg!q70.jpg" alt="" class="media-object order-item-img">
                                </a>
                                <div class="media-body">
                                    <div class="order-item-info">
                                        <h5 class="order-item-title">Apple iPhone X (A1865) 64GB 银色 移动联通电信4G手机</h5>
                                        <p class="order-item-fare">运费：15.00</p>
                                        <div class="pull-right text-right order-item-r">
                                            <p class="order-item-prince">￥4800.00</p>
                                            <p class="order-item-length">x 2</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="text-right order-item-sum">共计1件商品，合计4815.00（含运费15.00元）</p>
                        <div class="order-item-btn pull-right">
                            <button class="btn btn-sm btn-default">取消订单</button>
                            <button class="btn btn-sm btn-primary theme-bdcolor theme-bgcolor">付款</button>
                        </div>
                    </div>
                    <div class="order-group-item clearfix">
                        <div class="order-item-box">
                            <h4 class="order-item-id">订单号：52145859543856977
                                <span class="order-item-state theme-color pull-right">待发货</span>
                            </h4>
                            <div class="media">
                                <a href="" class="pull-left">
                                    <img src="picture/5a7c2b10n55b661b9.jpg!q70.jpg" alt="" class="media-object order-item-img">
                                </a>
                                <div class="media-body">
                                    <div class="order-item-info">
                                        <h5 class="order-item-title">Apple iPhone X (A1865) 64GB 银色 移动联通电信4G手机</h5>
                                        <p class="order-item-fare">运费：15.00</p>
                                        <div class="pull-right text-right order-item-r">
                                            <p class="order-item-prince">￥4800.00</p>
                                            <p class="order-item-length">x 2</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="text-right order-item-sum">共计1件商品，合计4815.00（含运费15.00元）</p>
                        <div class="order-item-btn pull-right">
                            <button class="btn btn-sm btn-primary theme-bdcolor theme-bgcolor">提醒发货</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="order_dfk" class="weui-tab__bd-item">
                <div class="order-group">
                    <div class="order-group-item clearfix">
                        <div class="order-item-box">
                            <h4 class="order-item-id">订单号：52145859543856977
                                <span class="order-item-state theme-color pull-right">待付款</span>
                            </h4>
                            <div class="media">
                                <a href="" class="pull-left">
                                    <img src="picture/5a7c2b10n55b661b9.jpg!q70.jpg" alt="" class="media-object order-item-img">
                                </a>
                                <div class="media-body">
                                    <div class="order-item-info">
                                        <h5 class="order-item-title">Apple iPhone X (A1865) 64GB 银色 移动联通电信4G手机</h5>
                                        <p class="order-item-fare">运费：15.00</p>
                                        <div class="pull-right text-right order-item-r">
                                            <p class="order-item-prince">￥4800.00</p>
                                            <p class="order-item-length">x 2</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="text-right order-item-sum">共计1件商品，合计4815.00（含运费15.00元）</p>
                        <div class="order-item-btn pull-right">
                            <button class="btn btn-sm btn-default">取消订单</button>
                            <button class="btn btn-sm btn-primary theme-bdcolor theme-bgcolor">付款</button>
                        </div>
                    </div>
                    <div class="order-group-item clearfix">
                        <div class="order-item-box">
                            <h4 class="order-item-id">订单号：52145859543856977
                                <span class="order-item-state theme-color pull-right">待付款</span>
                            </h4>
                            <div class="media">
                                <a href="" class="pull-left">
                                    <img src="picture/5a7c2b10n55b661b9.jpg!q70.jpg" alt="" class="media-object order-item-img">
                                </a>
                                <div class="media-body">
                                    <div class="order-item-info">
                                        <h5 class="order-item-title">Apple iPhone X (A1865) 64GB 银色 移动联通电信4G手机</h5>
                                        <p class="order-item-fare">运费：15.00</p>
                                        <div class="pull-right text-right order-item-r">
                                            <p class="order-item-prince">￥4800.00</p>
                                            <p class="order-item-length">x 2</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="text-right order-item-sum">共计1件商品，合计4815.00（含运费15.00元）</p>
                        <div class="order-item-btn pull-right">
                            <button class="btn btn-sm btn-default">取消订单</button>
                            <button class="btn btn-sm btn-primary theme-bdcolor theme-bgcolor">付款</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="order_dfh" class="weui-tab__bd-item">
                <div class="order-group">
                    <div class="order-group-item clearfix">
                        <div class="order-item-box">
                            <h4 class="order-item-id">订单号：52145859543856977
                                <span class="order-item-state theme-color pull-right">待发货</span>
                            </h4>
                            <div class="media">
                                <a href="" class="pull-left">
                                    <img src="picture/5a7c2b10n55b661b9.jpg!q70.jpg" alt="" class="media-object order-item-img">
                                </a>
                                <div class="media-body">
                                    <div class="order-item-info">
                                        <h5 class="order-item-title">Apple iPhone X (A1865) 64GB 银色 移动联通电信4G手机</h5>
                                        <p class="order-item-fare">运费：15.00</p>
                                        <div class="pull-right text-right order-item-r">
                                            <p class="order-item-prince">￥4800.00</p>
                                            <p class="order-item-length">x 2</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="text-right order-item-sum">共计1件商品，合计4815.00（含运费15.00元）</p>
                        <div class="order-item-btn pull-right">
                            <button class="btn btn-sm btn-primary theme-bdcolor theme-bgcolor">提醒发货</button>
                        </div>
                    </div>
                    <div class="order-group-item clearfix">
                        <div class="order-item-box">
                            <h4 class="order-item-id">订单号：52145859543856977
                                <span class="order-item-state theme-color pull-right">待发货</span>
                            </h4>
                            <div class="media">
                                <a href="" class="pull-left">
                                    <img src="picture/5a7c2b10n55b661b9.jpg!q70.jpg" alt="" class="media-object order-item-img">
                                </a>
                                <div class="media-body">
                                    <div class="order-item-info">
                                        <h5 class="order-item-title">Apple iPhone X (A1865) 64GB 银色 移动联通电信4G手机</h5>
                                        <p class="order-item-fare">运费：15.00</p>
                                        <div class="pull-right text-right order-item-r">
                                            <p class="order-item-prince">￥4800.00</p>
                                            <p class="order-item-length">x 2</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="text-right order-item-sum">共计1件商品，合计4815.00（含运费15.00元）</p>
                        <div class="order-item-btn pull-right">
                            <button class="btn btn-sm btn-primary theme-bdcolor theme-bgcolor">提醒发货</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="order_dsh" class="weui-tab__bd-item">
                <div class="order-group">
                    <div class="order-group-item clearfix">
                        <div class="order-item-box">
                            <h4 class="order-item-id">订单号：52145859543856977
                                <span class="order-item-state theme-color pull-right">待收货</span>
                            </h4>
                            <div class="media">
                                <a href="" class="pull-left">
                                    <img src="picture/5a7c2b10n55b661b9.jpg!q70.jpg" alt="" class="media-object order-item-img">
                                </a>
                                <div class="media-body">
                                    <div class="order-item-info">
                                        <h5 class="order-item-title">Apple iPhone X (A1865) 64GB 银色 移动联通电信4G手机</h5>
                                        <p class="order-item-fare">运费：15.00</p>
                                        <div class="pull-right text-right order-item-r">
                                            <p class="order-item-prince">￥4800.00</p>
                                            <p class="order-item-length">x 2</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="text-right order-item-sum">共计1件商品，合计4815.00（含运费15.00元）</p>
                        <div class="order-item-btn pull-right">
                            <button class="btn btn-sm btn-primary theme-bdcolor theme-bgcolor">确认收货</button>
                        </div>
                    </div>
                    <div class="order-group-item clearfix">
                        <div class="order-item-box">
                            <h4 class="order-item-id">订单号：52145859543856977
                                <span class="order-item-state theme-color pull-right">待收货</span>
                            </h4>
                            <div class="media">
                                <a href="" class="pull-left">
                                    <img src="picture/5a7c2b10n55b661b9.jpg!q70.jpg" alt="" class="media-object order-item-img">
                                </a>
                                <div class="media-body">
                                    <div class="order-item-info">
                                        <h5 class="order-item-title">Apple iPhone X (A1865) 64GB 银色 移动联通电信4G手机</h5>
                                        <p class="order-item-fare">运费：15.00</p>
                                        <div class="pull-right text-right order-item-r">
                                            <p class="order-item-prince">￥4800.00</p>
                                            <p class="order-item-length">x 2</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="text-right order-item-sum">共计1件商品，合计4815.00（含运费15.00元）</p>
                        <div class="order-item-btn pull-right">
                            <button class="btn btn-sm btn-primary theme-bdcolor theme-bgcolor">确认收货</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="order_dpj" class="weui-tab__bd-item">
                <div class="order-group">
                    <div class="order-group-item clearfix">
                        <div class="order-item-box">
                            <h4 class="order-item-id">订单号：52145859543856977
                                <span class="order-item-state theme-color pull-right">待评价</span>
                            </h4>
                            <div class="media">
                                <a href="" class="pull-left">
                                    <img src="picture/5a7c2b10n55b661b9.jpg!q70.jpg" alt="" class="media-object order-item-img">
                                </a>
                                <div class="media-body">
                                    <div class="order-item-info">
                                        <h5 class="order-item-title">Apple iPhone X (A1865) 64GB 银色 移动联通电信4G手机</h5>
                                        <p class="order-item-fare">运费：15.00</p>
                                        <div class="pull-right text-right order-item-r">
                                            <p class="order-item-prince">￥4800.00</p>
                                            <p class="order-item-length">x 2</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="text-right order-item-sum">共计1件商品，合计4815.00（含运费15.00元）</p>
                        <div class="order-item-btn pull-right">
                            <button class="btn btn-sm btn-primary theme-bdcolor theme-bgcolor">去评价</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>